<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // webStorage   (H5新增 网页存储)
    // WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。

    // WebStorage两个主要目标：
    // 1.提供一种在cookie之外存储会话数据的路径(一种新的在用户本地 存储数据的方式)
    // 2.提供一种存储大量可以跨会话存在的数据的机制(webStorage也可以跨页面访问)
    // HTML5的WebStorage提供了两种API：localStorage（本地存储）和  sessionStorage（会话存储）   两种存储方式



    // localStorage（本地存储）和  sessionStorage（会话存储）    =>  存在全局对象(window)中  本质(对象)

    // 如何查看    localStorage（本地存储）和  sessionStorage（会话存储）
    // 1. js打印

    // localStorage
    // window.localStorage
    // console.log(localStorage);

    // 2. 手动查看  控制台  -> application -> Storage ->    localStorage（本地存储）和  sessionStorage（会话存储）   仅用于测试

</script>

</html>